﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://1stjs.googlecode.com/svn/trunk/fw4/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</meta>
<title>F.highlight演示</title>
<style type="text/css">
.dbox{
	font-family:Courier New;
	font-size:12px;
	border:1px solid #8a8a8a;
	background-color:#eeeeee;
	margin-top:15px;
	padding:6px;
}
</style>
<script type="text/javascript" src="1st.js"></script>
<script type="text/javascript" src="1st.highlight.js"></script>
<script type="text/javascript">
var showTime = function(callback){
	var t1 = new Date();
	callback();
	var t2 = new Date();
	alert("耗时 "+(t2-t1)+" 毫秒");
}
</script>
</head>
<body>
<textArea id="code" rows="12" cols="80">
/*reset style <p>qj</p>*/
html{overflow-y:scroll;}
body{font:12px/1.5 Helvetica,Tahoma,Arial,\5b8b\4f53,sans-serif;}
body,ul,h1,h2,h3,h4,h5,p,dl,dt,dd{margin:0;padding:0;}
h1,h2,h3,h4,h5{font-size:12px;}
ul{list-style:none;}
img{border:none;vertical-align:top;}
em{font-style:normal;}
table{border-collapse: collapse;border-spacing: 0;}
input{vertical-align:middle;}
a{text-decoration:none;color:#5A88D7;}
a:hover{text-decoration:underline;color:#FF7300;}
:focus{outline:none;}
.clearfix{*zoom:1;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
</textArea>

<br/>
<button onclick="showTime(function(){F('display').highlight(F.node('code').value,'css');})">go</button>
<div id="display" class="dbox"></div>
</body>
</html>